<template>
  <div class="login">
    <div class="top">
      <p>{{title}}</p>
    </div>
    <div class="logo">
      <img src="../assets/img/logo.png" width="50%" height="50%" alt=""></div>
    <form action="">
      <input type="text" :placeholder="email" id="email">
      <input type="password" :placeholder="password" id="password">
      <input type="button" :value='login' id="login">
      <router-link id="forget" to="/Verification">{{forget}}</router-link>
    </form>   
  </div>
</template>

<script>
  export default {
    name: "top",
    data() {
      return {
        title: '登录',
        email: '邮箱',
        password: '密码',
        login: '登录',
        forget: '忘记密码？'
      }
    }
  }
</script>

<style scoped src="../css/login.css"></style>
